{include file="header.tpl"} {block name=body}

		<script type="text/javascript">
            $(document).ready(function() {
            	var numitems =  $("#myList li").length;
            	$("ul#myList").css("column-count",Math.round(numitems/2));
            	var selectedAreaName = sessionStorage.getItem("selectedAreaName");
                document.getElementById("popId").text=selectedAreaName;
            });
        </script>
<style>
ul {
	width: 900px;
}

li {
	margin-top: 10px;
	margin-right: 10px;
	display: inline-block;
}
</style>

<center>

	<ul id="myList">
		{foreach $shop as $category}
		<li
			style="border: 2px solid #a1a1a1; background-color: lightgreen; text-align: center;"
			height="200px" width="200px"><a
			href="index.php?cat={$category.category_id}"> <img src="images/1.jpg"
				style="margin: 10px;" height="180px" width="180px" />

				<h4>{$category.category_name}</h4>
		</a>
		</li> {/foreach}
		</ul>
</center>



{/block} {include file="footer.tpl"}
